<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>外卖选餐产品</title>

    <link th:href="@{/css/base.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/header.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/copyright.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/takeawayproducts.css}" rel="stylesheet" type="text/css">
    <script th:src="@{/js/jquery-1.11.1.min.js}"></script>
    <script th:src="@{/js/ajax_load_day_info.js}" rel="script"></script>
    <script th:src="@{/js/copyright.js}" rel="script"></script>

    <!--<script th:src="@{/js/drag.js}"></script>-->

    <!--<script>-->
        <!--$(function () {-->
            <!--$('.takeaway_ul').each(function () {-->
                <!--$('.takeaway_ul').dragging({-->
                    <!--move: 'x',-->
                    <!--randomPosition: true-->
                <!--});-->
            <!--});-->
        <!--});-->
    <!--</script>-->

</head>

<body>

<div th:replace="header :: header"></div>
<div th:replace="takeawayproducts :: takeawayproducts"></div>
<div th:include="copyright :: copyright"></div>



<script th:inline="javascript">
    var div = $("#takeaway_div");
    var ul = $("#takeaway_div ul");
    var uLi = $("#takeaway_div ul li");
    var uLiLength = uLi.length;
    uLi.css("width", div.width() * 0.3);
    if (uLiLength != null && uLiLength != 0 && uLiLength > 0) {
        ul.css("width", uLi.width() * uLiLength);
    } else {
        ul.css("width", uLi.width());
    }

</script>

<script th:src="@{/js/haha.js}"></script>


</body>
</html>